import React from 'react'
import {
  DashboardOutlined,
  CloudOutlined,
  SettingOutlined,
  CustomerServiceOutlined,
} from '@ant-design/icons'

import { menuNode } from '../components'

const MenuConfig: menuNode[] = [
  {
    key: 'Dashboard',
    en_US: 'Dashboard',
    zh_CN: '仪表盘',
    icon: <DashboardOutlined />,
    link: '/dashboard',
    child: [],
  },
  {
    key: 'SystemAdmin',
    en_US: 'System manager',
    zh_CN: '系统管理',
    icon: <CloudOutlined />,
    link: '',
    child: [
      {
        key: 'UserAdmin',
        en_US: 'User manager',
        zh_CN: '用户管理',
        icon: null,
        link: '/admin/users',
        child: [],
      },
      {
        key: 'CategoryManager',
        en_US: 'dictionary manager',
        zh_CN: '字典管理',
        icon: null,
        link: '/admin/books-type',
        child: [],
      },
    ],
  },
  {
    key: 'ServiceAdmin',
    en_US: 'Service manager',
    zh_CN: '业务管理',
    icon: <CustomerServiceOutlined />,
    link: '',
    child: [
      {
        key: 'OrderAdmin',
        en_US: 'Order manager',
        zh_CN: '订单管理',
        icon: null,
        link: '/admin/orders',
        child: [],
      },
      {
        key: 'BookAdmin',
        en_US: 'Book manager',
        zh_CN: '商品管理',
        icon: null,
        link: '/admin/books',
        child: [],
      },
    ],
  },
]

export default MenuConfig
